// pages/aaa/aaa.js
Page({


  /**
   * 页面的初始数据
   */
  data: {
    id: '',
    name: '',
    age: ''

  },


    // getMembers: function () {
    //     wx.request({
    //         url: 'http://localhost:3000/members',
    //         method: 'GET',
    //         success: (res) => {
    //             this.setData({ members: res.data });
    //         },
    //         fail: (err) => {
    //             console.error(err);
    //         }
    //     });
    // },

    addMember: function () {
        const { name, age } = this.data;
        if (!name || !age) {
            wx.showToast({ title: '请填写成员信息', icon: 'none' });
            return;
        }

        // wx.request({
        //     url: 'http://localhost:3000/members',
        //     method: 'POST',
        //     data: { name, age: parseInt(age) },
        //     success: () => {
        //         this.getMembers(); 
        //         this.setData({ name: '', age: '' }); // 清空输入
        //     },
        //     fail: (err) => {
        //         console.error(err);
        //     }
        // });
    },

    getInfo(){
      // 获取数据
      wx.request({
      url: 'http://localhost:3000/getAll',
      method: 'GET',
      success: function (res) {
        // console.log('Data:', res.data[0].name);
        console.log('Data:', res.data);
        }
      });
    },

    delInfo(){
    //: 删除数据
      wx.request({
        url: 'http://:3000/delete/' + parseFloat(id) , // 删除 ID 为 1记录
        method: 'DELETE',
        success(res) {
        console.log(res);
        }
      });
  },

    updataInfo(){
        // 修改数据
        const { id ,name, age } = this.data;
        wx.request({
            url: 'http://localhost:3000/update/' + parseFloat(id) , // 更新 ID 为 1 的记录
            method: 'PUT',
            data: {
              name: name,
              age: parseInt(age)
            },
            success(res) {
              console.log(res.data);
            }
          });
    },

    delInfo(){
        // 删除数据
    },

    addInfo(){
      // 添加
      const { name, age } = this.data;
        // if (!name || !age) {
        //     wx.showToast({ title: '请填写成员信息', icon: 'none' });
        //     return;
        // }
        if (!name) {
            wx.showToast({ title: '姓名不能为空', icon: 'none' });
            return;
        }
        if (!age) {
            wx.showToast({ title: '年龄不能为空', icon: 'none' });
            return;
        }
      wx.request({
        url: 'http://localhost:3000/add',
        method: 'POST',
        data:{
          name: name,
          age: parseInt(age)
        },
        success:function(res){
            console.log('123');
            // this.setData({ name: '', age: '' }); // 清空输入
            console.log('dataaaaaaa', res);
            // console.log('dataaaaaaa', res.data)
            },            
        })
        this.setData({ name: '', age: '' }); // 清空输入框
    },
    // 一个元素绑定不了两个事件啊
    // clearInput(){
    //     this.setData({ name: '', age: '' }); // 清空输入
    // },

    deleteMember: function (event) {
        const { id } = event.currentTarget.dataset;
        wx.request({
            url: 'http://localhost:3000/members/${id}',
            method: 'DELETE',
            success: () => {
                this.getMembers();
            },
            fail: (err) => {
                console.error(err);
            }
        });
    },

    bindIdInput:function(event) {
        this.setData({ id: event.detail.value });
    },

    bindNameInput: function (event) {
        this.setData({ name: event.detail.value });
    },

    bindAgeInput: function (event) {
        this.setData({ age: event.detail.value });
    },


  handler(event){
    console.log(event)
  },

  getInputValue(event){
    console.log(event)
  },

  handler(){
    console.log("chufale")
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    // this.getMembers();

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("触发上拉加载")
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})